<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>角色管理页面</title>
        <link rel="stylesheet" href="/easyui/themes/icon.css" />
        <link rel="stylesheet" href="/easyui/themes/default/easyui.css" />
        <script src="/js/jquery.min.js"></script>
        <script src="/easyui/jquery.easyui.min.js"></script>
        <script src="/easyui/easyui-lang-zh_CN.js"></script>
        <script src="/js/ajaxUtils.js"></script>
        <script src="/js/role_list.js"></script>
    </head>

    <body>
        <div id="role_dialog" style="display: none;">
            <form id="role_form">
                <input type="hidden" id="id" name="id" />

                <table>
                    <tr>
                        <td>角色名</td>
                        <td><input id="name" name="name" /></td>

                        <td>排序</td>
                        <td><input id="sort" name="sort" /></td>
                    </tr>

                    <tr>
                        <td>所属应用</td>
                        <td colspan="3">
                            <input id="serviceId" name="serviceId" />
                        </td>
                    </tr>

                    <tr>
                        <td>角色描述</td>
                        <td colspan="3">
                            <input id="description" name="description" />
                        </td>
                    </tr>
                </table>
            </form>
        </div>

        <div id="distribute_dialog" style="display: none;">
            <form id="distribute_form">
                <input type="hidden" name="roleId" id="roleId" />
                <input name="permissionId" id="permissionId" />

                <button type="button" id="save">保存</button>
                <button type="button" id="cancel">关闭</button>
                <button type="button" id="delete">删除</button>
            </form>

            <table id="permission_list"></table>
        </div>

        <table id="role_list"></table>
    </body>
</html>